<template>
  <div>
    <ChildSlot>
        <template #header>
            <div>我是插入的header</div>
        </template >

        <div>
            我是插入的main
        </div>

        <template #main>
            我是main中的具名插槽
        </template>

         <template #footer>
            <div>我是插入的footer</div>
        </template >
    </ChildSlot>
  </div>
</template>

<script>
import ChildSlot from './childSlot.vue'
export default {
  components: {
    ChildSlot
  }
}
</script>

<style>

</style>
